<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/fangmama.css">
    <script src="js/jquery-1.9.1.js"></script>
    <title>2.2</title>
</head>
<body ontouchstart="" class="height-full">
    <div class="mate-info">
        <div class="mate-info-user">
            <img src="images/temp.jpg"><em>Amy</em>
        </div>
        <span><a href="javascript:;">搭一下</a></span>
    </div>
    <!--单人搭伙-->
    <div class="mate-model mate-single">
        <em class="mate-ident-l">伙伴</em>
        <em class="mate-ident-r">校友</em>
        <div class="mate-model-con">
            <div class="mate-user">
                <div class="mate-box">
                    <img src="images/temp.jpg">
                    <p><span>Susan</span><em>设计师</em></p>
                </div>
            </div>
            <div class="mate-tag">
                <p>
                    <em>极品吃货</em>
                    <em>选择恐惧症</em>
                    <em>健谈</em>
                    <em>单车</em>
                </p>
                <p>
                    <em class="tag-color1">健身房</em>
                    <em class="tag-color2">游泳</em>
                    <em class="tag-color3">水瓶座</em>
                    <em class="tag-color4">设计师</em>
                </p>
            </div>
            <div class="mate-act">
                <div class="mate-act-model mate-act-do">
                    <span><i class="iconfont">&#xe610;</i></span>
                    <p>搭伙</p>
                </div>
                <div class="mate-act-model mate-act-pass">
                    <span><i class="iconfont">&#xe60f;</i></span>
                    <p>算了</p>
                </div>
            </div>
        </div>
    </div>

    <!--多人小组-->
    <div class="mate-model mate-single">
        <em class="mate-ident-l">小组</em>
        <div class="mate-model-con">
            <div class="mate-user">
                <div class="mate-box">
                    <img src="images/temp.jpg">
                    <p><span>Susan</span><em>设计师</em></p>
                </div>
                <div class="mate-box">
                    <img src="images/temp.jpg">
                    <p><span>nana</span><em>设计师</em></p>
                </div>
            </div>
            <div class="mate-tag">
                <p>
                    <em>极品吃货</em>
                    <em>选择恐惧症</em>
                    <em>健谈</em>
                    <em>单车</em>
                </p>
                <p>
                    <em class="tag-color1">健身房</em>
                    <em class="tag-color2">游泳</em>
                    <em class="tag-color3">水瓶座</em>
                    <em class="tag-color4">设计师</em>
                </p>
            </div>
            <div class="mate-sigup"><a href="javascript:;">申请加入</a></div>
        </div>
    </div>
</body>
</html>

